request({
    url:"http://localhost:3001/json/list.json",
    success:(res)=>{
        this.res=(JSON.parse(res).banner.img);
        this.aaa()
    },   
})
let arr=[];

function aaa(){
    arr=this.res;
    // console.log(arr);

    $(".banner1").banner({
            items:arr,     // 必传，图片数组
            btn:false,           // 是否需要右按钮
            list:false,          // 是否需要页器
            autoPlay:true,      // 是否需要自播放
            delayTime:5000,     // 自动播放时两张图片的隔时间
            moveTime:500,       // 一张图片运的时间
            index:0,            // 默认显示的图片索引
            activeStyle:{       // 分页器的当前项的样式
                background:"red",
                color:"#fff",
            }      
    }); 
}

// list
let list1=document.querySelectorAll(".list1");
let white=document.querySelectorAll(".white");


for(let i=0;i<list1.length;i++){
    white[i].onmouseover=function(){
        for(let j=0;j<list1.length;j++){
            if(i==j){
               list1[i].style.display="block"; 
               list1[i].style.top=-i*83.5+"px";
            }
            else{
                list1[j].style.display="none"; 
            }
        } 
    }
    white[i].onmouseleave=function(){
        list1[i].style.display="none"; 
    }
}
// img
let riImg1=document.querySelector(".riImg1");
let riImg2=document.querySelector(".riImg2");

riImg1.onmouseover=function(){
    move(riImg1,{left:970});
}
riImg1.onmouseleave=function(){
    move(riImg1,{left:980});
}
riImg2.onmouseover=function(){
    move(riImg2,{left:970});
}
riImg2.onmouseleave=function(){
    move(riImg2,{left:980});
}
